// Valine
.comment-card
  @extend $card
  padding: article-top-padding article-side-padding 0 article-side-padding
  *
    transition: none
  .title-bar
    margin-bottom: 24px
  .main-title
    @extend $main-title
  #vcomments
    margin-top: 16px
  .vimg
    border-radius: inner-radius !important
    border: none !important
  .vat
    color: var(--primary) !important
  .vwrap
    padding: 0 !important
    border: none !important
  .item3
    display: flex !important
    gap: 12px !important
    margin-bottom: 12px !important
    input
      background: var(--input-field) !important
      border-radius: inner-radius !important
      padding-left: 16px !important
      border-bottom: none !important
  .vedit
    background: var(--input-field) !important
    border-radius: inner-radius !important
    padding: 16px !important
    margin-bottom: 12px !important
    transition: background trans-style
  .vinput
    font-size: 14px !important
    color: var(--neut-L75) !important
    transition: background trans-style
  ::placeholder
    color: var(--neut-L30)
  svg
    path
      fill: var(--primary)
  .vsubmit
    height: 32px
    min-width: 80px
    border: none !important
    background: var(--primary-btn-bg) !important
    color: var(--primary-btn-text) !important
    border-radius: inner-radius !important
    font-size: 14px !important
    font-weight: bold !important
  .vrow
    padding: 0 !important
  .vcount
    color: var(--neut-L50) !important
  .vhead
    .vnick
      color: var(--neut-L90) !important
      &:hover
        color: var(--primary) !important
  .vcontent
    p
      color: var(--neut-L75) !important  
  a
    &:hover
      color: var(--primary) !important
  .vquote
    border-left: none !important
  .vpower
    font-size: 14px !important
    padding: 0 !important
    padding-bottom: 24px !important
    line-height: 14px !important
    a
      font-size: 14px !important
      color: var(--link) !important
  .vh
    border-bottom: none !important
  .vcard
    padding-top: 8px !important
  .vemojis
    margin-top: 12px !important
  .vempty
    color: var(--neut-L30) !important
//Twikoo
//修复文字颜色
.el-input-group__prepend
.tk-comments-count
.tk-nick.tk-nick-link
.tk-time
.tk-content
.el-input__count
.el-button.tk-preview.el-button--default.el-button--small
.el-button.tk-cancel.el-button--default.el-button--small
.el-input__inner
.tk-input.el-textarea
.tk-preview-container
.tk-actions
.tk-comments-no
  color: var(--neut-L90) !important
//修复排版问题
.tk-admin-comment-filter-type
  text-align: center
.tk-footer
  padding-bottom: 2em
// 修复图片出框
.tk-content img
  max-width: 100% !important
// 修复过长文本出框
.tk-content pre
  white-space: pre-wrap
  word-wrap: break-word
// 优化超链接配色
.tk-footer
  a
    color: var(--link) !important
// 头像宽度调整 rem 单位与全局字体大小挂钩
.tk-replies .tk-avatar
  width: 2.5rem !important
  height: 2.5rem !important
.tk-replies .tk-avatar img
  width: 2.5rem !important
  height: 2.5rem !important
// 回复框左移，避免窄屏时出框
.tk-comments-container .tk-submit
  position: relative
  left: -70px